window.addEventListener("load", function () {
	// 获取节点
	const user = $("#put1");
	const tel = $("#put2");
	const testNode = $("#put3");
	const password = $("#put4");

	// 表单提交事件
	$("form").addEventListener("submit", function (event) {
		if (!reg1.test(user.value.trim())) {
			testError(user, "用户名输入错误");
			event.preventDefault();
		}
		if (!reg2.test(tel.value.trim())) {
			testError(tel, "手机号输入不正确");
			event.preventDefault();
		}
		if (testNode.value.trim() === "") {
			testError(testNode, "验证码输入错误");
			event.preventDefault();
		}
		if (!reg3.test(password.value.trim())) {
			testError(password, "密码输入错误");
			event.preventDefault();
		}
		if (
			reg1.test(user.value.trim()) &&
			reg2.test(tel.value.trim()) &&
			reg3.test(password.value.trim()) &&
			testNode.value.trim() !== ""
		) {
		} else {
			event.preventDefault();
		}
		// 表单验证函数
		// 验证表单
	});
	// 失焦事件
	// 正则表达式
	var reg1 = /^[a-zA-Z0-9]{6,20}$/;
	var reg2 =
		/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
	var reg3 = /^\d{6,12}$/;
	// 用户名
	user.addEventListener("blur", function () {
		console.log(user);
		// 判断
		if (this.value.trim() === "") {
			// 验证错误函数调用
			testError(user, "用户名不得为空");
		} else if (!reg1.test(this.value.trim())) {
			testError(user, "用户格式不正确");
		} else {
			testSuccess(user);
		}
	});
	// 用户名
	testNode.addEventListener("blur", function () {
		// 判断
		if (this.value.trim() === "") {
			// 验证错误函数调用
			testError(testNode, "验证码不得为空");
		} else {
			testSuccess(testNode);
		}
	});
	// 手机号
	tel.addEventListener("blur", function () {
		console.log(tel);
		// 判断
		if (this.value.trim() === "") {
			// 验证错误函数调用
			testError(tel, "手机号不得为空");
		} else if (!reg2.test(this.value.trim())) {
			testError(tel, "手机号格式不正确");
		} else {
			testSuccess(tel);
		}
	});
	// 密码
	password.addEventListener("blur", function () {
		console.log(password);
		// 判断
		if (this.value.trim() === "") {
			// 验证错误函数调用
			testError(password, "密码不得为空");
		} else if (!reg3.test(this.value.trim())) {
			testError(password, "密码格式不正确");
		} else {
			testSuccess(password);
		}
	});
	// 验证失败
	function testError(input, message) {
		// 获取父节点
		const parentNode = input.parentElement;
		// 父节点提添加失败类
		parentNode.classList.add("error");
		parentNode.classList.remove("success");
		parentNode.querySelector(".text").textContent = message;
		parentNode.querySelector(".iconfont3").style.display = "block";
	}
	// 验证成功
	function testSuccess(input) {
		// 获取父节点
		const parentNode = input.parentElement;
		// 父节点提添加失败类
		parentNode.classList.add("success");
		parentNode.classList.remove("remove");
		parentNode.querySelector(".text").textContent = "";
		parentNode.querySelector(".iconfont3").style.display = "none";
	}

	// 倒计时
	// 绑定点击事件

	$(".textCode").addEventListener("click", function () {
		let num = 10;
		let times = setInterval(function () {
			$(".textCode").disabled = true;
			$(".textCode").textContent = `${num}秒`;
			num--;
			if (num < 0) {
				clearInterval(times);
				$(".textCode").disabled = false;
				$(".textCode").textContent = "获取验证码";
			}
		}, 1000);
	});
});
